iT邦幫忙

2023 iThome 鐵人賽

DAY 6
0
自我挑戰組

自我挑戰雜記系列 第 6

XAML入門-5(StackPanel、GridSplitter、Canvas、Expender)

  • 分享至 

  • xImage
  •  

閒聊一下最近工作遇到的狀況
由於我寫通訊格式進度卡住,老闆知道後就跟我說了一個瞎子摸象的故事
下班時硬體部門的同事問我瞎子摸象摸得如何
我就說
摸完了,那隻大象也是瞎的QQ

StackPanel


<StackPanel Orientation="Horizontal" Grid.Column="0" >
<TextBlock Text="11111111111111111111111111111111111111111111111111" TextWrapping="Wrap"/>
<TextBlock Text="2"/>
<TextBlock Text="3"/>
</StackPanel>
<StackPanel Orientation="Vertical"  Grid.Row="2" Grid.Column="1">
<TextBlock Text="44444444444444444444444444444444444444444444444444444444444" TextWrapping="Wrap"/>
<TextBlock Text="2"/>
<TextBlock Text="3"/>
</StackPanel>

StackPanel容器 Orientation設定TextBlock水平(Horizontal)或垂直(Vertical)擺放
TextWrapping用於縮圖時是否自動換行Wrap or NoWrap
注意水平放字時下TextWrapping是沒有效的

GridSplitter

分割線,允許使用者上下或左右拖曳來改變行列的尺寸

<Grid ShowGridLines="True">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <GridSplitter  Grid.ColumnSpan="2" Height="5"  HorizontalAlignment="Stretch"  VerticalAlignment="Bottom" Background="Green" ShowsPreview="True" ResizeDirection="Rows"/>
        <GridSplitter  Grid.RowSpan="2" Width="5"  HorizontalAlignment="Right" Background="Red" ResizeDirection="Auto"/>
</Grid>

Canvas

儲存控件的容器,它不會調整內部元素的排列及大小
支持相對座標,使用Left、Top、Right、Bottom。

<Canvas>
		<Button Canvas.Left="54" Canvas.Top="25" Content="click!" ClipToBounds="True"/>
</Canvas>

Expender

縮放功能

<StackPanel >
        <Expander Header="001">
            <StackPanel >
                <TextBlock Text="AAA" FontSize="17"/>
                <TextBlock Text="AAA" FontSize="17"/>
                <TextBlock Text="AAA" FontSize="17"/>
                <TextBlock Text="AAA" FontSize="17"/>
                <TextBlock Text="AAA" FontSize="17"/>
            </StackPanel>
        </Expander>
        <Expander Header="002" IsExpanded="True" >
            <StackPanel >
                <TextBlock Text="BBB" FontSize="17"/>
                <TextBlock Text="BBB" FontSize="17"/>
                <TextBlock Text="BBB" FontSize="17"/>
                <TextBlock Text="BBB" FontSize="17"/>
                <TextBlock Text="BBB" FontSize="17"/>
            </StackPanel>
        </Expander>
        <Expander Header="003">
            <StackPanel >
                <TextBlock Text="CCC" FontSize="17"/>
                <TextBlock Text="CCC" FontSize="17"/>
                <TextBlock Text="CCC" FontSize="17"/>
                <TextBlock Text="CCC" FontSize="17"/>
                <TextBlock Text="CCC" FontSize="17"/>
            </StackPanel>
        </Expander>
    </StackPanel>

上一篇
XAML入門-4(ListBox、ComboBox)
下一篇
C#練習-1(變數)
系列文
自我挑戰雜記18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言